<template>
  <div class="hello">

    <van-grid clickable :column-num="2">
      <van-grid-item icon="home-o" text="路由跳转" to="/about" />
      <van-grid-item icon="search" text="URL测试 跳转" @click="getprjinfo()" />
      <van-grid-item icon="home-o" text="路由跳转" to="/" />
      <van-grid-item icon="search" text="URL 跳转" url="https://github.com" />
      <van-grid-item v-if="this.auth == false" icon="home-o" text="路由跳转" to="/" />
      <van-grid-item icon="search" text="URL 跳转" url="https://github.com" />
      <van-grid-item icon="home-o" text="路由跳转" to="/" />
      <van-grid-item icon="search" text="URL 跳转" url="https://github.com" />
    </van-grid>
  </div>
</template>

<script>
  // 1. 引入你需要的组件
  import { Button,Grid, GridItem, List } from 'vant';
  // 2. 引入组件样式
  import 'vant/lib/index.css';

export default {
  name: 'HelloWorld',
  props: {
    msg: String,
  },
  auth:true,
  components: {
    [Button.name]: Button,
    [Grid.name]: Grid,
    [GridItem.name]: GridItem,
    [List.name]: List
  },
  methods: {
    getprjinfo() {
      // let url='http://www.digi-wisdom.site:9527/#/warn_xm?prjid='+this.$route.query['prjid'];
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
